.order{
	width: 100%;
	height: 100%;
	input {
		width: 70%;
	}
	.middle_line{
		border: #EFEFEF 1rpx solid;
		width: 678rpx;
		margin-left: 24rpx;
	}
	.top_card_place{
		font-size: 28rpx;
		font-weight: 600;
		padding: 32rpx 24rpx;
	}
	.change_card {
		padding: 32rpx 24rpx;
	}
    .list {
        padding-bottom: 120rpx;
    }
    .order_content {
        z-index: 1;
        width: 100%;
        height: 100%;
        .order_top {
            background: url(/static/image/card_07.png) no-repeat;
            border-radius: 16rpx;
            background-size:100% 100%;
            width: 702rpx;
            font-size: 24rpx;
            margin: 16rpx 24rpx;
            padding: 20rpx 0;
            .top_card_left1 {
                width: 662rpx;
            }
            .top_card_left {
                width: 662rpx;
                margin: 32rpx 24rpx;
                span {
                    font-size: 20rpx;
                    color: #ff5445;
                    background-color: #FFF8F7;
                    padding: 8rpx 8rpx;
                }
                p {
                    margin-left: 24rpx;
                }
                .top_card_room {
                    font-size: 28rpx;
                    font-weight: 600;
                    padding-top: 8rpx;
                }
                .top_card_user {
                    padding-top: 16rpx;
                }
                .top_card_phone {
                    margin-left: 18rpx;
                }

            }
            image {
                width: 40rpx;
                height: 40rpx;
                align-self: center;
                padding-right: 24rpx;
            }
        }			
        .order_middle {
            margin: 16rpx 24rpx;
            font-size: 28rpx;
            background-color: #FFFFFF;
            border-radius: 5%;
            z-index: -1;
            p {
                width: 112rpx;
                color: #333;
                padding-top: 2rpx;
            }
            input {
                padding-left: 62rpx;
            }
            .middle_first {
                padding: 26rpx 0 26rpx 24rpx;
                input {
                    color: #666;
                }
                image {
                    width: 40rpx;
                    height: 40rpx;
                    padding-right: 24rpx;
                }
            }
        }
        .middle_line {
            border: #EFEFEF 1rpx solid;
            width: 678rpx;
            margin-left: 24rpx;
        }
        .middle_two {
            margin: 16rpx 24rpx;
            font-size: 28rpx;
            background-color: #FFFFFF;
            border-radius: 5%;
            padding: 26rpx 0 26rpx 24rpx ;
            input{
                padding-left: 64rpx;
                color: #999;
            }
        }
        .middle_User {
            margin: 16rpx 24rpx;
            font-size: 28rpx;
            background-color: #FFFFFF;
            border-radius: 5%;
            padding: 26rpx 0 26rpx 24rpx ;
            input {
                padding-left: 90rpx;
                color: #999;
            }
        }
        .middle_coupons {
            .middle_coupon_box {
                display: inherit;
            }
            image {
                width: 30rpx;
                height: 30rpx;
                padding-right: 12rpx;
                padding-top: 6rpx;
            }
            .right {
                right: 55rpx;
                top: 31rpx;
                color: #ff2d1b;
                font-size: 28rpx;
            }
            margin: 16rpx 24rpx;
            font-size: 28rpx;
            background-color: #FFFFFF;
            border-radius: 5%;
            padding: 24rpx 28px 26rpx 26rpx;
            //图片
            &:after {
                content: "";
                position: absolute;
                right: 24rpx;
                top: 22rpx;
                background-image: url("/static/image/arrow_right.png");
                background-size: cover;
                width: 50rpx;
                height: 50rpx;
            }
        }
        .order_bottom {
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom);
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #FFFFFF;
            z-index: 99;
            font-size: 20rpx;
            .checkedall {
                background-image: url('/static/image/arrow_right.png');
            }
            .order_btn {
                padding: 28rpx 0 28rpx 28rpx!important;
            }
            image {
                height: 50rpx;
                width: 50rpx;
                padding: 28rpx 0 28rpx 28rpx ;
            }
            .sumScore {
                font-size: 24rpx;
                font-weight: 600;
                padding: 30rpx 0 30rpx 0;
                align-items: center;
            }
            .money {
                // color: #FF5445;
                font-size: 24rpx;
            }
            .sumScore1 {
                font-size: 28rpx;
                padding: 30rpx 0 30rpx 24rpx;
                align-items: center;
            }
            .order_cart{
                background-image: linear-gradient(to right, #FFD260, #FFA84C );
                width: 246rpx;
                .swap_text{
                    font-size: 28rpx;
                    padding: 34rpx 52rpx 34rpx 54rpx;
                    color: #FFFFFF;
                }
            }
            .swap{
                background: linear-gradient(to right, #FF2D1B, #FF977B);
                width: 354rpx;
                .swap_text{
                    font-size: 28rpx;
                    padding: 34rpx 60rpx 34rpx 74rpx;
                    color: #FFFFFF;
                }
            }
          }
        }
}
.cart_title{
	margin-left: 12rpx;
	p{
		margin-top: 5rpx;
		font-size: 28rpx;
		color: #333;
		line-height: 1.5em;
		letter-spacing: 2rpx;
	}
	span{
		display: block;
		padding: 16rpx 0 20rpx;
		color: #FF504C;
		font-weight: bold;
		font-size: 28rpx;
		line-height: 1em;
	}
}

.order_card{
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    border-radius: 16rpx;
    margin: 24rpx;
    padding: 24rpx 0 24rpx 24rpx;
    .myteam {
        left: 22rpx;
        width: 82rpx;
        height: 36rpx;
        background: linear-gradient(90deg,#ff977b, #ff504c);
        border-radius: 12rpx 0 28rpx 0;
        color: #fff;
        font-size: 22rpx;
    }
    .order_left{
        .order_photo {
            width: 230rpx;
            height: 188rpx;
            border-radius: 10rpx;
        }
    }
    .order_right{
        width: 432rpx;
        margin-left: 18rpx;
        right: 20rpx;
        .order_title{
            margin-left: 12rpx;
            right: 0;
            p{
                margin-top: 5rpx;
                word-break: normal;
                width: 392rpx;
                font-size: 28rpx;
                color: #333333;
                line-height: 1.5em;
                padding-bottom: 14rpx;
            }
            .standards {
                font-size: 24rpx;
                padding-bottom: 18rpx;
                color: #999;
            }
            .pay_title {
                font-size: 26rpx;
                right: 0;
                bottom: 0;
                span {
                    color: #333;
                }
                .consume_amount {
                    // color: #FF504C;
                }
            }
        }
        .card_calculation{
            float: right;
            padding: 25rpx 0 0 50rpx;
            image{
                height: 40rpx;
                width: 40rpx;
            }
            p{
                padding: 0 10rpx;
                display:inline;
                width: 34rpx;
            }
        }
    }
}
// 积分任务完成弹窗
.finish_box {
	height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(#000,0.7);
	z-index: 1;
	.card {
		background: #fff;
		border-radius: 16rpx;
		left: 10%;
		right: 10%;
		top: 40%;
		.name {
			padding: 40rpx 0  20rpx 0;
			font-size: 34rpx;
			font-weight: 600;
			color: #333;
		}
		.text {
			color: #999;
			padding-bottom: 40rpx;
		}
		.btn {
			border-top: 1px solid #999;
			font-size: 35rpx;
			padding-top: 10rpx;
			padding-bottom: 20rpx;
            &:after{
                content: '';
                position: absolute;
                bottom: 14%;
                left: 45%;
                width: 12%;
                height: 1px;
                background-color: #999;
                transform: rotate(90deg);
            }
			.finally {
				color: #e73639;
			}
		}
	}
}
.changeTop {
    margin-left: 0 !important;
}